﻿@model IList<Nop.Web.Models.Catalog.CategoryModel>

@using Nop.Web.Models.Catalog;
@* Just some test printouts. Really do nothing for now. *@

@if (Model.Count > 0)
{
    int count = 0;

    <section class="featured-collections">
        <div class="row">
            <div class="featured-collections-container">
                <h2 class="list-section-title">@T("Product.FeaturedCollections")</h2>
                <div class="category-navigation">
                    @foreach (var cat in Model)
                    {
                        <div class="col-xs-12 col-ms-6 col-sm-6 col-md-3 col-lg-3 col-xl-3 category-box" data-id="@cat.Id">
                            <div class="category-box-container">
                                <div class="image">
                                    <a class="category-link" href="/@cat.SeName" title="@cat.Name">
                                        <img class="img-responsive" src="@cat.PictureModel.ImageUrl" alt="@cat.PictureModel.AlternateText" title="@cat.PictureModel.Title" />
                                    </a>
                                </div>
                                <div class="caption">
                                    <a class="category-link" href="/@cat.SeName" title="@cat.Name">@cat.Name</a>
                                </div>
                            </div>
                        </div>
                        count++;
                    }
                </div>
            </div>
        </div>
    </section>


}